<div *ngIf="(topic.isComplte == false)&&(topic.maxmin=='')" style="color: #cc0000;display: inline;position: absolute; bottom: 10px;left: 10px;font-size: 12px;">
  <ion-icon name="md-alert" style="font-size: 18px;vertical-align: text-bottom"></ion-icon>此题为必答题，提交前请作答
</div>
<div *ngIf="topic.maxmin!=''" style="color: #cc0000;display: inline;position: absolute; bottom: 10px;left: 10px;font-size: 12px;">
  <ion-icon name="md-alert" style="font-size: 18px;vertical-align: text-bottom"></ion-icon>{{topic.maxmin}}
</div>
<div class="clb" style="margin-top: 60px;width: 100%">
  <!-- 录音 -->
  <div style="height: 50px;margin-bottom: 0px;margin-right: 5px" *ngIf="isHide(1)">
    <span style="line-height: 35px;margin-right: 2px;float: left" class="icon-mic-span" (click)="record()">
      <ion-icon name="microphone" class="icon-mic" style="margin-right: 5px;"></ion-icon>录音
    </span>
    <span style="width: 200px;margin-top: 6px;position: relative;float: left" *ngIf="topic && topic.FAudio">
      <ion-icon name="ios-close-circle-outline" style="position: absolute;top:-26px;right: -17px;z-index: 2;font-size: 28px;color:#000"
        (click)="cleanAudio()"></ion-icon>
      <audio style="width: 100%;margin-top: -7px" [src]="audioUrl" controls="controls"></audio>
    </span>
  </div>
  <!-- 拍照 -->
  <div style="height: 50px;margin-bottom: 28px" *ngIf="isHide(0)">
    <span style="line-height: 35px;float: left" class="" (click)="clg()">
      <ion-icon name="camera" class="icon-camera" style="font-size: 28px;margin-right: 5px;"></ion-icon>拍照
    </span>
    <span style="width: 65px;height: 52px;float: left;background: #000;line-height: 52px;margin-left: 5px;position: relative;"
      *ngIf="topic && topic.FImage">
      <ion-icon name="ios-close-circle-outline" style="color:#000;position: absolute;top:-20px;right: -18px;z-index: 2;font-size: 23px"
        (click)="cleanImg()"></ion-icon>
      <img (click)="bigpic()"  [src]="topic.FImage" style="width: 100%;height: 100%;position: absolute;top:-11px;right: 0px;z-index: 2">
    </span>
  </div>
  <div class="question-map" style="border-bottom: none;padding: 0;clear: both;width: 100%" *ngIf="(topic.FType != '30014')&&(topic.hasw==1)">
    <div class="mapdiv" (click)="showmap()">
      {{topic.Address?topic.Address:'请选择位置'}}
    </div>
    <div #mapRecord class="mapmal" style="overflow-y: scroll;">
      <div class="maltt">请选择地理位置</div>
      <div class="mapholder" [id]="'map'+topic.FTopicId"></div>
      <div class="hhh" >{{province}}</div>
      <div class="hhh" >{{city}}</div>
      <div class="hhh" >{{district}}</div>
      <div class="hhh" >{{street}}</div>
      <div class="hhh" >{{streetNumber}}</div>
      <div class="hhh" >{{lat}}</div>
      <div class="hhh" >{{longitude}}</div>
      <div class="mapbtnholder">
        <button (click)="saveMap()" id="confirmbtn">确定</button>
        <button (click)="cancalMap()" id="cansalbtn">取消</button>
      </div>
    </div>
  </div>


</div>


<div #recordshow class="record-hidden">
  <div class="record-bg" style="text-align: center;font-size: 56px;color: #fff;vertical-align:middle;padding-top: 45%;">
    {{recordTime}}
  </div>
  <div style="display: flex;justify-content: space-around;align-items: center;margin-top: 42px;">
    <div style="text-align: center;" (click)="cancle()">
      <p>
        <ion-icon style="font-size: 30px" name="md-close" class="icon-camera"></ion-icon>
      </p>
      <p> 取消</p>
    </div>
    <div (click)="tabimg()" style="width: 66px">
      <p style="padding: 0;margin: 0;margin-bottom: 4px">
        <img #img [src]="'./assets/img/'+(recordCap=='开始录音'?'notopen':(recordCap=='正在录音'?'begin':'pause'))+'.gif'" alt="">
      </p>
      <p style="padding: 0;margin: 0">{{recordCap}}</p>
    </div>
    <div (click)="save()">
      <p>
        <ion-icon style="font-size: 30px;color: #3584e7;" name="md-checkmark" class="icon-camera"></ion-icon>
      </p>
      <p>保存</p>
    </div>
  </div>
</div>
<div *ngIf="bigImagesUrl" class="popover-backdrop shade" (click)="hideBigImage()">
  <img class="bigImage" [src]="topic.FImage"/>
</div>
